<template>
  <div class="table-select-tip ml-30 font-14 weight-400">
    已选择
    <span style="color: var(--el-color-primary)" class="ml-5 mr-5 weight-bold">
      {{ num }}
    </span>
    项
    <el-button class="ml-30" link type="primary" @click="clearFn">
      清空
    </el-button>
  </div>
</template>

<script setup>
defineProps({
  num: {
    type: Number,
    default: 0
  },
  clearFn: {
    type: Function,
    default: () => {}
  }
});
</script>

<style lang="scss" scoped>
.table-select-tip {
  display: flex;
  align-items: center;
  background-color: var(--el-color-primary-light-8);
  padding: 0 60px;
  border-radius: 10px;
}
</style>
